
.imggg{
    vertical-align: middle;
}
.agg{
    line-height: 50px;
    height: 50px;
}
#img1{
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: solid white 2px;
    left: 20px;
    top: 50px;
    width: 55px;
    height: 55px;
}
#img2{
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: solid white 2px;
    left: 40px;
    top: 50px;;
    width: 54px;
    height: 54px;
}
#img3{
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: solid white 2px;
    left: 60px;
    top: 50px;
    width: 54px;
    height: 54px;
}
#img4{
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: solid white 2px;
    left: 80px;
    top: 50px;
    width: 54px;
    height: 54px;
}
#img1:hover{
    border: solid #ff6625 2px;
}
#img2:hover{
    border: solid #ff6625 2px;
}
#img3:hover{
    border: solid #ff6625 2px;
}
#img4:hover{
    border: solid #ff6625 2px;
}
#bigimg{
    display: block;
    text-align: center;
    background-color: #eeeeee;
    width: 400px;
    height: 400px;
    position: relative;
    left: 20px;
    top: 20px;
    line-height: 400px;
}
#bigimg:hover div{
    display: block;
    border: dashed;
    width: 200px;
    height: 200px;
    background-color: #2b542c;
}